/**
 * 旋转
 * @param radio 画布大小比例
 * @param color 颜色
 * @returns 数据地址
 */
const RotateImage = (radio?: number, color?: string) => {
    const r = radio || 1;
    const col = color || '#ffffff';
    const canvas = document.createElement('canvas');
    canvas.width = canvas.height = 40 * r;
    const ctx = canvas.getContext('2d')!;

    ctx.miterLimit = 4;
    ctx.fillStyle = col;
    ctx.miterLimit = 4;
    ctx.scale(0.04, 0.04);
    ctx.translate(-20 * r, 0);
    ctx.beginPath();
    ctx.moveTo(554.666667 * r, 173.653333 * r);
    ctx.lineTo(554.666667 * r, 42.666667 * r);
    ctx.lineTo(360.533333 * r, 236.8 * r);
    ctx.lineTo(554.666667 * r, 426.666667 * r);
    ctx.lineTo(554.666667 * r, 259.84 * r);
    ctx.bezierCurveTo(675.84 * r, 280.32 * r, 768 * r, 385.28 * r, 768 * r, 512 * r);
    ctx.bezierCurveTo(768 * r, 638.72 * r, 675.84 * r, 743.68 * r, 554.666667 * r, 764.16 * r);
    ctx.lineTo(554.666667 * r, 850.346667 * r);
    ctx.bezierCurveTo(723.2 * r, 829.44 * r, 853.333333 * r, 686.08 * r, 853.333333 * r, 512 * r);
    ctx.bezierCurveTo(853.333333 * r, 337.92 * r, 723.2 * r, 194.56 * r, 554.666667 * r, 173.653333 * r);
    ctx.moveTo(302.933333 * r, 781.653333 * r);
    ctx.bezierCurveTo(352.426667 * r, 820.053333 * r, 410.026667 * r, 843.093333 * r, 469.333333 * r, 850.346667 * r);
    ctx.lineTo(469.333333 * r, 763.733333 * r);
    ctx.bezierCurveTo(432.213333 * r, 757.333333 * r, 396.373333 * r, 742.826667 * r, 364.373333 * r, 719.786667 * r);
    ctx.lineTo(302.933333 * r, 781.653333 * r);
    ctx.moveTo(259.84 * r, 554.666667 * r);
    ctx.lineTo(173.653333 * r, 554.666667 * r);
    ctx.bezierCurveTo(180.906667 * r, 613.973333 * r, 204.373333 * r, 671.146667 * r, 242.773333 * r, 720.64 * r);
    ctx.lineTo(302.933333 * r, 660.053333 * r);
    ctx.bezierCurveTo(280.746667 * r, 628.053333 * r, 265.813333 * r, 592.213333 * r, 259.84 * r, 554.666667 * r);
    ctx.moveTo(303.36 * r, 363.946667 * r);
    ctx.lineTo(243.2 * r, 303.36 * r);
    ctx.bezierCurveTo(204.8 * r, 352.853333 * r, 180.906667 * r, 410.026667 * r, 173.653333 * r, 469.333333 * r);
    ctx.lineTo(259.84 * r, 469.333333 * r);
    ctx.bezierCurveTo(265.813333 * r, 432.213333 * r, 280.746667 * r, 395.946667 * r, 303.36 * r, 363.946667 * r);
    ctx.closePath();
    ctx.fill();
    ctx.stroke();

    return canvas.toDataURL('image/png');
}


export { RotateImage };